.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-top{
    padding: 10px 20px;
    border-bottom: 1px solid #e9e9e9;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-field-label{
    float: left;
    line-height: 30px;
    padding-right: 15px;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-field{
    float: left;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-sql {
    padding: 10px 20px;
    position: relative;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-sql .sqlLabel {
    position: relative;
    top: 48%;
    left: 20px;
}

.wev-crm-highseas-condition-warp .sqlDesc {
    padding-top: 5px;
    line-height: 20px;
}

.wev-crm-highseas-condition-warp  .wev-crm-highseas-condition-button {
    height: 50px;
    padding: 10px 20px;
    border-bottom: 1px solid #e9e9e9;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content {
    padding: 15px 25px;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .btns {
    float: right;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .btn-icon {
    display: inline-block;
    height: 29px;
    width: 29px;
    margin-right: 15px;
    cursor: pointer;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .add {
    background: url(/formmode/js/ruleDesign/images/add_wev8.png);
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .del {
    background: url(/formmode/js/ruleDesign/images/delete_wev8.png);
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .joinor {
    background: url(/formmode/js/ruleDesign/images/joinor_wev8.png);
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .joinand {
    background: url(/formmode/js/ruleDesign/images/joinand_wev8.png);
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .spit {
    background: url(/formmode/js/ruleDesign/images/split_wev8.png);
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .add:hover {
    background: url(/formmode/js/ruleDesign/images/add_hover_wev8.png);
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .del:hover {
    background: url(/formmode/js/ruleDesign/images/delete_hover_wev8.png);
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .joinor:hover {
    background: url(/formmode/js/ruleDesign/images/joinor_hover_wev8.png);
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .joinand:hover {
    background: url(/formmode/js/ruleDesign/images/joinand_hover_wev8.png);
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-button .spit:hover {
    background: url(/formmode/js/ruleDesign/images/split_hover_wev8.png);
}

.wev-crm-highseas-condition-editdiv .operbtn{
    width: 29px;
    height: 29px;
    border: none;
    cursor: pointer;
    margin-left: 5px;
}

.wev-crm-highseas-condition-editdiv{
    min-height: 40px;
    padding: 5px 0 5px 15px;
}

.wev-crm-highseas-condition-editdiv .operbtn_ok {
    background: url('/formmode/js/ruleDesign/images/ok_wev8.png') center center no-repeat;
}

.wev-crm-highseas-condition-editdiv .operbtn_ok:hover {
    background: url('/formmode/js/ruleDesign/images/ok_hover_wev8.png') center center no-repeat;
}

.wev-crm-highseas-condition-editdiv .operbtn_cancel {
    background: url('/formmode/js/ruleDesign/images/cancel_wev8.png') center center no-repeat;
}

.wev-crm-highseas-condition-editdiv .operbtn_cancel:hover {
    background: url('/formmode/js/ruleDesign/images/cancel_hover_wev8.png') center center no-repeat;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .relationblock {
    padding-left: 45px;
    position: relative;
    border: 2px dashed #fff;
    cursor: pointer;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .verticalblock {
    position: absolute;
    top: 45%;
    margin-top: -7px;
    height: 20px;
    left: 0;
    padding: 0 3px;
    line-height: 20px;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .relationStyle {
    position: absolute;
    left: 35px;
    top: 2px;
    bottom: 2px;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .relationItem:last-child {
    margin-bottom: 5px;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .outermoststyle .relationStyleTop {
    border-top: 2px solid #7e7e7e;
    border-bottom: 0 solid #7e7e7e;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .relationStyleTop {
    height: 10px;
    width: 10px;
    border-bottom: 2px solid #7e7e7e;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .outermoststyle .relationStyleCenter {
    top: 0;
    bottom: 0;
}
.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .relationStyleCenter {
    position: absolute;
    top: 10px;
    bottom: 10px;
    border-left: 2px solid #7e7e7e;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .outermoststyle .relationStyleBottom {
    border-top: 0 solid #7e7e7e;
    border-bottom: 2px solid #7e7e7e;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .relationStyleBottom {
    position: absolute;
    bottom: 0;
    height: 10px;
    width: 10px;
    border-top: 2px solid #7e7e7e;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .displayspan {
    border: 2px solid #fff;
    cursor: pointer;
    padding: 1px 8px;
}


.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content span.relationItem {
    display: -ms-flexbox;
    display: flex;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .relationItem {
    padding-left: 10px;
    margin-top: 3px;
    margin-bottom: 7px;
}

.wev-crm-highseas-condition-warp .wev-crm-highseas-condition-content .spanselected {
    border: 2px dashed #17d68c;
}

.wev-crm-highseas-number-field .item-img {
    position: absolute;
    right: -8px;
    top: 5px;
}

.wev-crm-highseas-condition-warp #ruledescBtn.operbtn_up {
    background: url(/formmode/js/ruleDesign/images/up_wev8.png) 0 0 no-repeat;
}

.wev-crm-highseas-condition-warp #ruledescBtn {
    width: 29px;
    height: 29px;
    border: none;
    cursor: pointer;
    position: absolute;
    bottom: 3px;
    left: 10px;
}
.wev-crm-highseas-condition-warp #ruledescBtn.operbtn_down {
    background: url(/formmode/js/ruleDesign/images/down_wev8.png) 0 0 no-repeat;
    bottom: 70px;
}

.wev-crm-highseas-condition-warp #ruleSQL {
    padding: 5px 15px;
    border-top: 1px solid #e9e9e9;
    height: 60px;
}